<!DOCTYPE html>
<html lang=zh>
<head>
    <!-- so meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta property="og:type" content="website">
<meta property="og:title" content="SitHome">
<meta property="og:url" content="http://www.sithome.vip/index.html">
<meta property="og:site_name" content="SitHome">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="SitHome">
    
    
        
          
              <link rel="shortcut icon" href="/images/favicon.ico">
          
        
        
          
            <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
          
        
        
          
            <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
          
        
    
    <!-- title -->
    <title>SitHome</title>
    <!-- styles -->
    <link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/lib/meslo-LG/styles.css">
    <link rel="stylesheet" href="/lib/justified-gallery/justifiedGallery.min.css">
    <link rel="stylesheet" href="/css/style.css">
    <!-- rss -->
    
    
    <!-- jquery -->
    <script src="/lib/jquery/jquery.min.js"></script>
</head>

<body>
    
    <div class="content index width mx-auto px2 my4">
        
          <header id="header">
  <a href="/">
  
    
      <div id="logo" style="background-image: url(/images/logo.png);"></div>
    
  
    <div id="title">
      <h1>SitHome</h1>
    </div>
  </a>
  <div id="nav">
    <ul>
      <li class="icon">
        <a href="#"><i class="fa fa-bars fa-2x"></i></a>
      </li>
       
        <li><a href="/">主页</a></li>
       
        <li><a href="/about/">关于</a></li>
       
        <li><a href="/archives/">文章</a></li>
       
        <li><a href="https://git.oschina.net/sithome">码云</a></li>
      
    </ul>
  </div>
</header>

        
        <section id="about">
  

  <!-- 去掉社会社交网址链接。
  <p style="display: inline">
    
  </p>
  -->
</section>

<section id="writing">
  <span class="h1"><a href="/archives">文章</a></span>
  <ul class="post-list">
    
      <li class="post-item">
        
    <div class="meta">
        <time datetime="2017-02-11T02:44:17.000Z" itemprop="datePublished">2017-02-11</time>
    </div>


        <span>
    
        <a class="" href="/2017/02/11/angular-2-bootstrap-process/">Angular 2 应用启动过程简单分析</a>
    


</span>
      </li>
    
      <li class="post-item">
        
    <div class="meta">
        <time datetime="2017-02-04T07:01:56.000Z" itemprop="datePublished">2017-02-04</time>
    </div>


        <span>
    
        <a class="" href="/2017/02/04/angular2-component-2/">Angular 2 中的组件（二）</a>
    


</span>
      </li>
    
      <li class="post-item">
        
    <div class="meta">
        <time datetime="2017-01-27T06:48:25.000Z" itemprop="datePublished">2017-01-27</time>
    </div>


        <span>
    
        <a class="" href="/2017/01/27/angular2-component-1/">Angular 2 中的组件（一）</a>
    


</span>
      </li>
    
      <li class="post-item">
        
    <div class="meta">
        <time datetime="2017-01-26T01:21:25.000Z" itemprop="datePublished">2017-01-26</time>
    </div>


        <span>
    
        <a class="" href="/2017/01/26/first-angular2-app/">第一个Angular 2 Application</a>
    


</span>
      </li>
    
      <li class="post-item">
        
    <div class="meta">
        <time datetime="2016-07-19T05:21:25.000Z" itemprop="datePublished">2016-07-19</time>
    </div>


        <span>
    
        <a class="" href="/2016/07/19/markdown-start-fast/">Markdown快速入门</a>
    


</span>
      </li>
    
  </ul>
</section>



    </div>
    
    <footer id="footer">
  <div class="footer-left">
    Copyright &copy; 2017 SitHome
  </div>
  <div class="footer-right">
    <nav>
      <ul>
         
          <li><a href="/">主页</a></li>
         
          <li><a href="/about/">关于</a></li>
         
          <li><a href="/archives/">文章</a></li>
         
          <li><a href="https://git.oschina.net/sithome">码云</a></li>
        
      </ul>
    </nav>
  </div>
</footer>

    <script src="/lib/justified-gallery/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- Google Analytics -->
<!--

    <script type="text/javascript">
        (function(i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function() {
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-86660611-1', 'auto');
        ga('send', 'pageview');
    </script>

-->
<!-- Disqus Comments -->


<!--duoshuo comments-->

  <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
  <script type="text/javascript">
  var duoshuo_shortname = 'sithome';
  var duoshuoQuery = {short_name:duoshuo_shortname};
    (function() {
      var ds = document.createElement('script');
      ds.type = 'text/javascript';ds.async = true;
      ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
      ds.charset = 'UTF-8';
      (document.getElementsByTagName('head')[0]
       || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
    </script>
  <!-- 多说公共JS代码 end -->


</body>
</html>
